@import "../../sass/_index.scss";

// 垂直面板
.card-vertical{
    @include flex(true, false, nowrap);
    
    // 垂直排列内边距 20px * 10px
    @include content-inner(25px, 20px, 25px, 20px);

    .image {
        width: 160px;
        height: 160px!important;
        margin-right: $h-spacing-md;
        border-radius: $radius-xs;
    }
}

// 水平面版
.card-horizontal {
    @include flex(column);

    .image {
        width: 100%;
    }
}

.card {
    @include content-padded(false, true, true, true);
    
    border-radius: $radius-md;
    // box-shadow: 0 1px 2px 3px #efefef;
    background-color: $fill-base;
    overflow: hidden;
}